@charset "UTF-8";
/*
@name: kehen by 2022-8-15 19:00:08
@description: http://plus.zxysoft.cn
@author: kehen
*/
/* 背景色 */
/* 边框色 */
/* 字体body文本颜色 */
/* 标题色 等同黑色 */
/* 描述色 */
/* 链接颜色 */
/* 容器内部间隔线 */
/* input的提示 */
/* 底部边框颜色，或者横线颜色 */
/* 底部阴影 */
/* 混合颜色 */
/* 主题按钮 */
/* 含有圆角 */
/* 含有阴影 */
/* 含有边框 */
/* hover 动效，动弹 */
/* hover 动效，阴影 */
.columns {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}

.columns.col-gapless {
  margin-left: 0;
  margin-right: 0;
}

.columns.col-gapless > .column {
  padding-left: 0;
  padding-right: 0;
}

.columns.col-oneline {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.column {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  max-width: 100%;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1 {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.col-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.col-ml-auto {
  margin-left: auto;
}

.col-mr-auto {
  margin-right: auto;
}

@font-face {
  font-family: AlibabaPuHuiTi-2-55-Regular;
  src: url(../../res/libs/fonts/alibaba/AlibabaPuHuiTi.woff2);
}
* {
  font-family: AlibabaPuHuiTi-2-55-Regular;
}

body {
  line-height: 1.5;
  font-family: AlibabaPuHuiTi-2-55-Regular;
  font-size: 14px;
  background-color: #f1f2f6;
  color: #57606f;
}

.plus-admin-layout {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: left 0.3s, right 0.3s;
  -o-transition: left 0.3s, right 0.3s;
  transition: left 0.3s, right 0.3s;
}

[class*=" layui-icon-"],
[class^=layui-icon-] {
  font-family: layui-icon !important;
  margin-right: 0 !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}

.layui-icon {
  font-size: 14px;
}

.layui-badge,
.layui-badge-dot,
.layui-badge-r {
  background-color: #c3272b;
  margin: 0 2px;
}

/* Demo*/
.plus-demo {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

.plus-demo p:last-child {
  margin-bottom: 0;
}

.plus-demo-color {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  cursor: pointer;
  color: #ffffff;
}

/* 图标demo */
.site-doc-icon {
  margin-bottom: 50px;
  font-size: 0;
}

.site-doc-icon li {
  display: inline-block;
  vertical-align: middle;
  width: 141.5008px;
  height: 105px;
  line-height: 25px;
  padding: 20px 0;
  margin-right: -1px;
  margin-bottom: -1px;
  border: 1px solid #dfe1e6;
  font-size: 14px;
  text-align: center;
  color: #2f3542;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.site-doc-icon li .layui-icon {
  display: inline-block;
  font-size: 36px;
}

.site-doc-icon li .doc-icon-name,
.site-doc-icon li .doc-icon-code {
  color: #a4b0be;
}

.site-doc-icon li .doc-icon-fontclass {
  height: 40px;
  line-height: 20px;
  padding: 0 5px;
  font-size: 13px;
  color: #2f3542;
}

.site-doc-icon li:hover {
  background-color: #f2f2f2;
  color: #2f3542;
}

/* 辅助类 */
hr {
  margin: 6px 0;
  border-bottom: 1px solid #e1e1e1 !important;
}

.is-radius {
  border-radius: 2px !important;
}

.no-radius {
  border-radius: 0 !important;
}

.is-shadow {
  -webkit-box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09) !important;
          box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09) !important;
}

.is-border {
  border: 1px solid #dfe1e6 !important;
}

/* 图片响应式 */
.img-response {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

/* 圆图 */
.img-circle {
  border-radius: 50%;
}

/* 方图 */
.img-round {
  border-radius: 2px;
} /* flex弹性布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* 浮动 */
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* 字体居中 */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/* 扩展背景色 */
.bg-body {
  background-color: #f1f2f6;
}

/* 行高 */
.lh0 {
  line-height: 0px !important;
}

.lh1 {
  line-height: 1px !important;
}

.lh2 {
  line-height: 2px !important;
}

.lh3 {
  line-height: 3px !important;
}

.lh4 {
  line-height: 4px !important;
}

.lh5 {
  line-height: 5px !important;
}

.lh6 {
  line-height: 6px !important;
}

.lh7 {
  line-height: 7px !important;
}

.lh8 {
  line-height: 8px !important;
}

.lh9 {
  line-height: 9px !important;
}

.lh10 {
  line-height: 10px !important;
}

.lh11 {
  line-height: 11px !important;
}

.lh12 {
  line-height: 12px !important;
}

.lh13 {
  line-height: 13px !important;
}

.lh14 {
  line-height: 14px !important;
}

.lh15 {
  line-height: 15px !important;
}

.lh16 {
  line-height: 16px !important;
}

.lh17 {
  line-height: 17px !important;
}

.lh18 {
  line-height: 18px !important;
}

.lh19 {
  line-height: 19px !important;
}

.lh20 {
  line-height: 20px !important;
}

.lh21 {
  line-height: 21px !important;
}

.lh22 {
  line-height: 22px !important;
}

.lh23 {
  line-height: 23px !important;
}

.lh24 {
  line-height: 24px !important;
}

.lh25 {
  line-height: 25px !important;
}

.lh26 {
  line-height: 26px !important;
}

.lh27 {
  line-height: 27px !important;
}

.lh28 {
  line-height: 28px !important;
}

.lh29 {
  line-height: 29px !important;
}

.lh30 {
  line-height: 30px !important;
}

.lh31 {
  line-height: 31px !important;
}

.lh32 {
  line-height: 32px !important;
}

.lh33 {
  line-height: 33px !important;
}

.lh34 {
  line-height: 34px !important;
}

.lh35 {
  line-height: 35px !important;
}

.lh36 {
  line-height: 36px !important;
}

.lh37 {
  line-height: 37px !important;
}

.lh38 {
  line-height: 38px !important;
}

.lh39 {
  line-height: 39px !important;
}

.lh40 {
  line-height: 40px !important;
}

/* 字体大小 */
.f0 {
  font-size: 0px !important;
}

.f1 {
  font-size: 1px !important;
}

.f2 {
  font-size: 2px !important;
}

.f3 {
  font-size: 3px !important;
}

.f4 {
  font-size: 4px !important;
}

.f5 {
  font-size: 5px !important;
}

.f6 {
  font-size: 6px !important;
}

.f7 {
  font-size: 7px !important;
}

.f8 {
  font-size: 8px !important;
}

.f9 {
  font-size: 9px !important;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f17 {
  font-size: 17px !important;
}

.f18 {
  font-size: 18px !important;
}

.f19 {
  font-size: 19px !important;
}

.f20 {
  font-size: 20px !important;
}

.f21 {
  font-size: 21px !important;
}

.f22 {
  font-size: 22px !important;
}

.f23 {
  font-size: 23px !important;
}

.f24 {
  font-size: 24px !important;
}

.f25 {
  font-size: 25px !important;
}

.f26 {
  font-size: 26px !important;
}

.f27 {
  font-size: 27px !important;
}

.f28 {
  font-size: 28px !important;
}

.f29 {
  font-size: 29px !important;
}

.f30 {
  font-size: 30px !important;
}

.f31 {
  font-size: 31px !important;
}

.f32 {
  font-size: 32px !important;
}

.f33 {
  font-size: 33px !important;
}

.f34 {
  font-size: 34px !important;
}

.f35 {
  font-size: 35px !important;
}

.f36 {
  font-size: 36px !important;
}

.f37 {
  font-size: 37px !important;
}

.f38 {
  font-size: 38px !important;
}

.f39 {
  font-size: 39px !important;
}

.f40 {
  font-size: 40px !important;
}

.f41 {
  font-size: 41px !important;
}

.f42 {
  font-size: 42px !important;
}

.f43 {
  font-size: 43px !important;
}

.f44 {
  font-size: 44px !important;
}

.f45 {
  font-size: 45px !important;
}

.f46 {
  font-size: 46px !important;
}

.f47 {
  font-size: 47px !important;
}

.f48 {
  font-size: 48px !important;
}

.f49 {
  font-size: 49px !important;
}

.f50 {
  font-size: 50px !important;
}

.f51 {
  font-size: 51px !important;
}

.f52 {
  font-size: 52px !important;
}

.f53 {
  font-size: 53px !important;
}

.f54 {
  font-size: 54px !important;
}

.f55 {
  font-size: 55px !important;
}

.f56 {
  font-size: 56px !important;
}

.f57 {
  font-size: 57px !important;
}

.f58 {
  font-size: 58px !important;
}

.f59 {
  font-size: 59px !important;
}

.f60 {
  font-size: 60px !important;
}

/* 浮动 */
.mg0 {
  margin: 0px !important;
}

.pd0 {
  padding: 0px !important;
}

.mgt0 {
  margin-top: 0px !important;
}

.mgl0 {
  margin-left: 0px !important;
}

.mgr0 {
  margin-right: 0px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.pdt0 {
  padding-top: 0px !important;
}

.pdl0 {
  padding-left: 0px !important;
}

.pdr0 {
  padding-right: 0px !important;
}

.pdb0 {
  padding-bottom: 0px !important;
}

.mg1 {
  margin: 1px !important;
}

.pd1 {
  padding: 1px !important;
}

.mgt1 {
  margin-top: 1px !important;
}

.mgl1 {
  margin-left: 1px !important;
}

.mgr1 {
  margin-right: 1px !important;
}

.mgb1 {
  margin-bottom: 1px !important;
}

.pdt1 {
  padding-top: 1px !important;
}

.pdl1 {
  padding-left: 1px !important;
}

.pdr1 {
  padding-right: 1px !important;
}

.pdb1 {
  padding-bottom: 1px !important;
}

.mg2 {
  margin: 2px !important;
}

.pd2 {
  padding: 2px !important;
}

.mgt2 {
  margin-top: 2px !important;
}

.mgl2 {
  margin-left: 2px !important;
}

.mgr2 {
  margin-right: 2px !important;
}

.mgb2 {
  margin-bottom: 2px !important;
}

.pdt2 {
  padding-top: 2px !important;
}

.pdl2 {
  padding-left: 2px !important;
}

.pdr2 {
  padding-right: 2px !important;
}

.pdb2 {
  padding-bottom: 2px !important;
}

.mg3 {
  margin: 3px !important;
}

.pd3 {
  padding: 3px !important;
}

.mgt3 {
  margin-top: 3px !important;
}

.mgl3 {
  margin-left: 3px !important;
}

.mgr3 {
  margin-right: 3px !important;
}

.mgb3 {
  margin-bottom: 3px !important;
}

.pdt3 {
  padding-top: 3px !important;
}

.pdl3 {
  padding-left: 3px !important;
}

.pdr3 {
  padding-right: 3px !important;
}

.pdb3 {
  padding-bottom: 3px !important;
}

.mg4 {
  margin: 4px !important;
}

.pd4 {
  padding: 4px !important;
}

.mgt4 {
  margin-top: 4px !important;
}

.mgl4 {
  margin-left: 4px !important;
}

.mgr4 {
  margin-right: 4px !important;
}

.mgb4 {
  margin-bottom: 4px !important;
}

.pdt4 {
  padding-top: 4px !important;
}

.pdl4 {
  padding-left: 4px !important;
}

.pdr4 {
  padding-right: 4px !important;
}

.pdb4 {
  padding-bottom: 4px !important;
}

.mg5 {
  margin: 5px !important;
}

.pd5 {
  padding: 5px !important;
}

.mgt5 {
  margin-top: 5px !important;
}

.mgl5 {
  margin-left: 5px !important;
}

.mgr5 {
  margin-right: 5px !important;
}

.mgb5 {
  margin-bottom: 5px !important;
}

.pdt5 {
  padding-top: 5px !important;
}

.pdl5 {
  padding-left: 5px !important;
}

.pdr5 {
  padding-right: 5px !important;
}

.pdb5 {
  padding-bottom: 5px !important;
}

.mg6 {
  margin: 6px !important;
}

.pd6 {
  padding: 6px !important;
}

.mgt6 {
  margin-top: 6px !important;
}

.mgl6 {
  margin-left: 6px !important;
}

.mgr6 {
  margin-right: 6px !important;
}

.mgb6 {
  margin-bottom: 6px !important;
}

.pdt6 {
  padding-top: 6px !important;
}

.pdl6 {
  padding-left: 6px !important;
}

.pdr6 {
  padding-right: 6px !important;
}

.pdb6 {
  padding-bottom: 6px !important;
}

.mg7 {
  margin: 7px !important;
}

.pd7 {
  padding: 7px !important;
}

.mgt7 {
  margin-top: 7px !important;
}

.mgl7 {
  margin-left: 7px !important;
}

.mgr7 {
  margin-right: 7px !important;
}

.mgb7 {
  margin-bottom: 7px !important;
}

.pdt7 {
  padding-top: 7px !important;
}

.pdl7 {
  padding-left: 7px !important;
}

.pdr7 {
  padding-right: 7px !important;
}

.pdb7 {
  padding-bottom: 7px !important;
}

.mg8 {
  margin: 8px !important;
}

.pd8 {
  padding: 8px !important;
}

.mgt8 {
  margin-top: 8px !important;
}

.mgl8 {
  margin-left: 8px !important;
}

.mgr8 {
  margin-right: 8px !important;
}

.mgb8 {
  margin-bottom: 8px !important;
}

.pdt8 {
  padding-top: 8px !important;
}

.pdl8 {
  padding-left: 8px !important;
}

.pdr8 {
  padding-right: 8px !important;
}

.pdb8 {
  padding-bottom: 8px !important;
}

.mg9 {
  margin: 9px !important;
}

.pd9 {
  padding: 9px !important;
}

.mgt9 {
  margin-top: 9px !important;
}

.mgl9 {
  margin-left: 9px !important;
}

.mgr9 {
  margin-right: 9px !important;
}

.mgb9 {
  margin-bottom: 9px !important;
}

.pdt9 {
  padding-top: 9px !important;
}

.pdl9 {
  padding-left: 9px !important;
}

.pdr9 {
  padding-right: 9px !important;
}

.pdb9 {
  padding-bottom: 9px !important;
}

.mg10 {
  margin: 10px !important;
}

.pd10 {
  padding: 10px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgl10 {
  margin-left: 10px !important;
}

.mgr10 {
  margin-right: 10px !important;
}

.mgb10 {
  margin-bottom: 10px !important;
}

.pdt10 {
  padding-top: 10px !important;
}

.pdl10 {
  padding-left: 10px !important;
}

.pdr10 {
  padding-right: 10px !important;
}

.pdb10 {
  padding-bottom: 10px !important;
}

.mg11 {
  margin: 11px !important;
}

.pd11 {
  padding: 11px !important;
}

.mgt11 {
  margin-top: 11px !important;
}

.mgl11 {
  margin-left: 11px !important;
}

.mgr11 {
  margin-right: 11px !important;
}

.mgb11 {
  margin-bottom: 11px !important;
}

.pdt11 {
  padding-top: 11px !important;
}

.pdl11 {
  padding-left: 11px !important;
}

.pdr11 {
  padding-right: 11px !important;
}

.pdb11 {
  padding-bottom: 11px !important;
}

.mg12 {
  margin: 12px !important;
}

.pd12 {
  padding: 12px !important;
}

.mgt12 {
  margin-top: 12px !important;
}

.mgl12 {
  margin-left: 12px !important;
}

.mgr12 {
  margin-right: 12px !important;
}

.mgb12 {
  margin-bottom: 12px !important;
}

.pdt12 {
  padding-top: 12px !important;
}

.pdl12 {
  padding-left: 12px !important;
}

.pdr12 {
  padding-right: 12px !important;
}

.pdb12 {
  padding-bottom: 12px !important;
}

.mg13 {
  margin: 13px !important;
}

.pd13 {
  padding: 13px !important;
}

.mgt13 {
  margin-top: 13px !important;
}

.mgl13 {
  margin-left: 13px !important;
}

.mgr13 {
  margin-right: 13px !important;
}

.mgb13 {
  margin-bottom: 13px !important;
}

.pdt13 {
  padding-top: 13px !important;
}

.pdl13 {
  padding-left: 13px !important;
}

.pdr13 {
  padding-right: 13px !important;
}

.pdb13 {
  padding-bottom: 13px !important;
}

.mg14 {
  margin: 14px !important;
}

.pd14 {
  padding: 14px !important;
}

.mgt14 {
  margin-top: 14px !important;
}

.mgl14 {
  margin-left: 14px !important;
}

.mgr14 {
  margin-right: 14px !important;
}

.mgb14 {
  margin-bottom: 14px !important;
}

.pdt14 {
  padding-top: 14px !important;
}

.pdl14 {
  padding-left: 14px !important;
}

.pdr14 {
  padding-right: 14px !important;
}

.pdb14 {
  padding-bottom: 14px !important;
}

.mg15 {
  margin: 15px !important;
}

.pd15 {
  padding: 15px !important;
}

.mgt15 {
  margin-top: 15px !important;
}

.mgl15 {
  margin-left: 15px !important;
}

.mgr15 {
  margin-right: 15px !important;
}

.mgb15 {
  margin-bottom: 15px !important;
}

.pdt15 {
  padding-top: 15px !important;
}

.pdl15 {
  padding-left: 15px !important;
}

.pdr15 {
  padding-right: 15px !important;
}

.pdb15 {
  padding-bottom: 15px !important;
}

.mg16 {
  margin: 16px !important;
}

.pd16 {
  padding: 16px !important;
}

.mgt16 {
  margin-top: 16px !important;
}

.mgl16 {
  margin-left: 16px !important;
}

.mgr16 {
  margin-right: 16px !important;
}

.mgb16 {
  margin-bottom: 16px !important;
}

.pdt16 {
  padding-top: 16px !important;
}

.pdl16 {
  padding-left: 16px !important;
}

.pdr16 {
  padding-right: 16px !important;
}

.pdb16 {
  padding-bottom: 16px !important;
}

.mg17 {
  margin: 17px !important;
}

.pd17 {
  padding: 17px !important;
}

.mgt17 {
  margin-top: 17px !important;
}

.mgl17 {
  margin-left: 17px !important;
}

.mgr17 {
  margin-right: 17px !important;
}

.mgb17 {
  margin-bottom: 17px !important;
}

.pdt17 {
  padding-top: 17px !important;
}

.pdl17 {
  padding-left: 17px !important;
}

.pdr17 {
  padding-right: 17px !important;
}

.pdb17 {
  padding-bottom: 17px !important;
}

.mg18 {
  margin: 18px !important;
}

.pd18 {
  padding: 18px !important;
}

.mgt18 {
  margin-top: 18px !important;
}

.mgl18 {
  margin-left: 18px !important;
}

.mgr18 {
  margin-right: 18px !important;
}

.mgb18 {
  margin-bottom: 18px !important;
}

.pdt18 {
  padding-top: 18px !important;
}

.pdl18 {
  padding-left: 18px !important;
}

.pdr18 {
  padding-right: 18px !important;
}

.pdb18 {
  padding-bottom: 18px !important;
}

.mg19 {
  margin: 19px !important;
}

.pd19 {
  padding: 19px !important;
}

.mgt19 {
  margin-top: 19px !important;
}

.mgl19 {
  margin-left: 19px !important;
}

.mgr19 {
  margin-right: 19px !important;
}

.mgb19 {
  margin-bottom: 19px !important;
}

.pdt19 {
  padding-top: 19px !important;
}

.pdl19 {
  padding-left: 19px !important;
}

.pdr19 {
  padding-right: 19px !important;
}

.pdb19 {
  padding-bottom: 19px !important;
}

.mg20 {
  margin: 20px !important;
}

.pd20 {
  padding: 20px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgl20 {
  margin-left: 20px !important;
}

.mgr20 {
  margin-right: 20px !important;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.pdt20 {
  padding-top: 20px !important;
}

.pdl20 {
  padding-left: 20px !important;
}

.pdr20 {
  padding-right: 20px !important;
}

.pdb20 {
  padding-bottom: 20px !important;
}

.mg21 {
  margin: 21px !important;
}

.pd21 {
  padding: 21px !important;
}

.mgt21 {
  margin-top: 21px !important;
}

.mgl21 {
  margin-left: 21px !important;
}

.mgr21 {
  margin-right: 21px !important;
}

.mgb21 {
  margin-bottom: 21px !important;
}

.pdt21 {
  padding-top: 21px !important;
}

.pdl21 {
  padding-left: 21px !important;
}

.pdr21 {
  padding-right: 21px !important;
}

.pdb21 {
  padding-bottom: 21px !important;
}

.mg22 {
  margin: 22px !important;
}

.pd22 {
  padding: 22px !important;
}

.mgt22 {
  margin-top: 22px !important;
}

.mgl22 {
  margin-left: 22px !important;
}

.mgr22 {
  margin-right: 22px !important;
}

.mgb22 {
  margin-bottom: 22px !important;
}

.pdt22 {
  padding-top: 22px !important;
}

.pdl22 {
  padding-left: 22px !important;
}

.pdr22 {
  padding-right: 22px !important;
}

.pdb22 {
  padding-bottom: 22px !important;
}

.mg23 {
  margin: 23px !important;
}

.pd23 {
  padding: 23px !important;
}

.mgt23 {
  margin-top: 23px !important;
}

.mgl23 {
  margin-left: 23px !important;
}

.mgr23 {
  margin-right: 23px !important;
}

.mgb23 {
  margin-bottom: 23px !important;
}

.pdt23 {
  padding-top: 23px !important;
}

.pdl23 {
  padding-left: 23px !important;
}

.pdr23 {
  padding-right: 23px !important;
}

.pdb23 {
  padding-bottom: 23px !important;
}

.mg24 {
  margin: 24px !important;
}

.pd24 {
  padding: 24px !important;
}

.mgt24 {
  margin-top: 24px !important;
}

.mgl24 {
  margin-left: 24px !important;
}

.mgr24 {
  margin-right: 24px !important;
}

.mgb24 {
  margin-bottom: 24px !important;
}

.pdt24 {
  padding-top: 24px !important;
}

.pdl24 {
  padding-left: 24px !important;
}

.pdr24 {
  padding-right: 24px !important;
}

.pdb24 {
  padding-bottom: 24px !important;
}

.mg25 {
  margin: 25px !important;
}

.pd25 {
  padding: 25px !important;
}

.mgt25 {
  margin-top: 25px !important;
}

.mgl25 {
  margin-left: 25px !important;
}

.mgr25 {
  margin-right: 25px !important;
}

.mgb25 {
  margin-bottom: 25px !important;
}

.pdt25 {
  padding-top: 25px !important;
}

.pdl25 {
  padding-left: 25px !important;
}

.pdr25 {
  padding-right: 25px !important;
}

.pdb25 {
  padding-bottom: 25px !important;
}

.mg26 {
  margin: 26px !important;
}

.pd26 {
  padding: 26px !important;
}

.mgt26 {
  margin-top: 26px !important;
}

.mgl26 {
  margin-left: 26px !important;
}

.mgr26 {
  margin-right: 26px !important;
}

.mgb26 {
  margin-bottom: 26px !important;
}

.pdt26 {
  padding-top: 26px !important;
}

.pdl26 {
  padding-left: 26px !important;
}

.pdr26 {
  padding-right: 26px !important;
}

.pdb26 {
  padding-bottom: 26px !important;
}

.mg27 {
  margin: 27px !important;
}

.pd27 {
  padding: 27px !important;
}

.mgt27 {
  margin-top: 27px !important;
}

.mgl27 {
  margin-left: 27px !important;
}

.mgr27 {
  margin-right: 27px !important;
}

.mgb27 {
  margin-bottom: 27px !important;
}

.pdt27 {
  padding-top: 27px !important;
}

.pdl27 {
  padding-left: 27px !important;
}

.pdr27 {
  padding-right: 27px !important;
}

.pdb27 {
  padding-bottom: 27px !important;
}

.mg28 {
  margin: 28px !important;
}

.pd28 {
  padding: 28px !important;
}

.mgt28 {
  margin-top: 28px !important;
}

.mgl28 {
  margin-left: 28px !important;
}

.mgr28 {
  margin-right: 28px !important;
}

.mgb28 {
  margin-bottom: 28px !important;
}

.pdt28 {
  padding-top: 28px !important;
}

.pdl28 {
  padding-left: 28px !important;
}

.pdr28 {
  padding-right: 28px !important;
}

.pdb28 {
  padding-bottom: 28px !important;
}

.mg29 {
  margin: 29px !important;
}

.pd29 {
  padding: 29px !important;
}

.mgt29 {
  margin-top: 29px !important;
}

.mgl29 {
  margin-left: 29px !important;
}

.mgr29 {
  margin-right: 29px !important;
}

.mgb29 {
  margin-bottom: 29px !important;
}

.pdt29 {
  padding-top: 29px !important;
}

.pdl29 {
  padding-left: 29px !important;
}

.pdr29 {
  padding-right: 29px !important;
}

.pdb29 {
  padding-bottom: 29px !important;
}

.mg30 {
  margin: 30px !important;
}

.pd30 {
  padding: 30px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgl30 {
  margin-left: 30px !important;
}

.mgr30 {
  margin-right: 30px !important;
}

.mgb30 {
  margin-bottom: 30px !important;
}

.pdt30 {
  padding-top: 30px !important;
}

.pdl30 {
  padding-left: 30px !important;
}

.pdr30 {
  padding-right: 30px !important;
}

.pdb30 {
  padding-bottom: 30px !important;
}

.mg31 {
  margin: 31px !important;
}

.pd31 {
  padding: 31px !important;
}

.mgt31 {
  margin-top: 31px !important;
}

.mgl31 {
  margin-left: 31px !important;
}

.mgr31 {
  margin-right: 31px !important;
}

.mgb31 {
  margin-bottom: 31px !important;
}

.pdt31 {
  padding-top: 31px !important;
}

.pdl31 {
  padding-left: 31px !important;
}

.pdr31 {
  padding-right: 31px !important;
}

.pdb31 {
  padding-bottom: 31px !important;
}

.mg32 {
  margin: 32px !important;
}

.pd32 {
  padding: 32px !important;
}

.mgt32 {
  margin-top: 32px !important;
}

.mgl32 {
  margin-left: 32px !important;
}

.mgr32 {
  margin-right: 32px !important;
}

.mgb32 {
  margin-bottom: 32px !important;
}

.pdt32 {
  padding-top: 32px !important;
}

.pdl32 {
  padding-left: 32px !important;
}

.pdr32 {
  padding-right: 32px !important;
}

.pdb32 {
  padding-bottom: 32px !important;
}

.mg33 {
  margin: 33px !important;
}

.pd33 {
  padding: 33px !important;
}

.mgt33 {
  margin-top: 33px !important;
}

.mgl33 {
  margin-left: 33px !important;
}

.mgr33 {
  margin-right: 33px !important;
}

.mgb33 {
  margin-bottom: 33px !important;
}

.pdt33 {
  padding-top: 33px !important;
}

.pdl33 {
  padding-left: 33px !important;
}

.pdr33 {
  padding-right: 33px !important;
}

.pdb33 {
  padding-bottom: 33px !important;
}

.mg34 {
  margin: 34px !important;
}

.pd34 {
  padding: 34px !important;
}

.mgt34 {
  margin-top: 34px !important;
}

.mgl34 {
  margin-left: 34px !important;
}

.mgr34 {
  margin-right: 34px !important;
}

.mgb34 {
  margin-bottom: 34px !important;
}

.pdt34 {
  padding-top: 34px !important;
}

.pdl34 {
  padding-left: 34px !important;
}

.pdr34 {
  padding-right: 34px !important;
}

.pdb34 {
  padding-bottom: 34px !important;
}

.mg35 {
  margin: 35px !important;
}

.pd35 {
  padding: 35px !important;
}

.mgt35 {
  margin-top: 35px !important;
}

.mgl35 {
  margin-left: 35px !important;
}

.mgr35 {
  margin-right: 35px !important;
}

.mgb35 {
  margin-bottom: 35px !important;
}

.pdt35 {
  padding-top: 35px !important;
}

.pdl35 {
  padding-left: 35px !important;
}

.pdr35 {
  padding-right: 35px !important;
}

.pdb35 {
  padding-bottom: 35px !important;
}

.mg36 {
  margin: 36px !important;
}

.pd36 {
  padding: 36px !important;
}

.mgt36 {
  margin-top: 36px !important;
}

.mgl36 {
  margin-left: 36px !important;
}

.mgr36 {
  margin-right: 36px !important;
}

.mgb36 {
  margin-bottom: 36px !important;
}

.pdt36 {
  padding-top: 36px !important;
}

.pdl36 {
  padding-left: 36px !important;
}

.pdr36 {
  padding-right: 36px !important;
}

.pdb36 {
  padding-bottom: 36px !important;
}

.mg37 {
  margin: 37px !important;
}

.pd37 {
  padding: 37px !important;
}

.mgt37 {
  margin-top: 37px !important;
}

.mgl37 {
  margin-left: 37px !important;
}

.mgr37 {
  margin-right: 37px !important;
}

.mgb37 {
  margin-bottom: 37px !important;
}

.pdt37 {
  padding-top: 37px !important;
}

.pdl37 {
  padding-left: 37px !important;
}

.pdr37 {
  padding-right: 37px !important;
}

.pdb37 {
  padding-bottom: 37px !important;
}

.mg38 {
  margin: 38px !important;
}

.pd38 {
  padding: 38px !important;
}

.mgt38 {
  margin-top: 38px !important;
}

.mgl38 {
  margin-left: 38px !important;
}

.mgr38 {
  margin-right: 38px !important;
}

.mgb38 {
  margin-bottom: 38px !important;
}

.pdt38 {
  padding-top: 38px !important;
}

.pdl38 {
  padding-left: 38px !important;
}

.pdr38 {
  padding-right: 38px !important;
}

.pdb38 {
  padding-bottom: 38px !important;
}

.mg39 {
  margin: 39px !important;
}

.pd39 {
  padding: 39px !important;
}

.mgt39 {
  margin-top: 39px !important;
}

.mgl39 {
  margin-left: 39px !important;
}

.mgr39 {
  margin-right: 39px !important;
}

.mgb39 {
  margin-bottom: 39px !important;
}

.pdt39 {
  padding-top: 39px !important;
}

.pdl39 {
  padding-left: 39px !important;
}

.pdr39 {
  padding-right: 39px !important;
}

.pdb39 {
  padding-bottom: 39px !important;
}

.mg40 {
  margin: 40px !important;
}

.pd40 {
  padding: 40px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgl40 {
  margin-left: 40px !important;
}

.mgr40 {
  margin-right: 40px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.pdt40 {
  padding-top: 40px !important;
}

.pdl40 {
  padding-left: 40px !important;
}

.pdr40 {
  padding-right: 40px !important;
}

.pdb40 {
  padding-bottom: 40px !important;
}

/* 基础文本 */
/* 全局设置段落 */
p {
  line-height: 1.6;
  text-align: justify;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2f3542;
}

h1,
.h1 {
  font-size: 1.5rem;
}

h2,
.h2 {
  font-size: 1.375rem;
}

h3,
.h3 {
  font-size: 1.125rem;
}

h4,
.h4 {
  font-size: 1rem;
}

h5,
.h5 {
  font-size: 0.875rem;
}

h6,
.h6 {
  font-size: 0.75rem;
} /* 排版容器，正文排版等，请在容器上添加此类，自动格式化 */
.typo {
  /* 标题间距 */
  /* 粗体 */
  /* 段落字体间距 */
}
.typo .card {
  padding: 0.625rem 1.5625rem;
  line-height: 1.5rem;
  border: 0.0625rem solid #dfe1e6;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.typo .layui-field-title legend {
  margin: 0 0.9375rem 0.9375rem 0;
  padding: 0 1.25rem;
  text-align: center;
}
.typo h1 {
  font-size: 1.5rem;
}
.typo h2 {
  font-size: 1.375rem;
}
.typo h3 {
  font-size: 1.125rem;
}
.typo h4 {
  font-size: 1rem;
}
.typo h5 {
  font-size: 0.875rem;
}
.typo h6 {
  font-size: 0.75rem;
}
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #2f3542;
}
.typo h1,
.typo h2,
.typo h3,
.typo h4 {
  font-weight: bold;
}
.typo p {
  margin-bottom: 0.5rem;
  color: #758a99;
}
.typo ol li {
  list-style-type: decimal;
  margin-left: 1rem;
  line-height: 2;
}
.typo ul li {
  list-style-type: disc;
  margin-left: 1rem;
  line-height: 2;
}
.typo img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

/* 基础按钮 */
.layui-btn {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #dfe1e6;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  font-weight: 500;
  padding: 8px 10px;
  height: auto;
  font-size: 14px;
  color: #57606f;
  cursor: pointer;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.layui-btn:hover {
  background: #fff;
  color: #4b5cc4;
}
.layui-btn + .layui-btn {
  margin-left: 4px;
}
.layui-btn-container .layui-btn {
  margin-right: 4px;
  margin-bottom: 4px;
}
.layui-btn .layui-icon-add:before {
  content: "\e654";
}
.layui-btn .layui-icon {
  font-size: 14px !important;
}
.layui-btn.simple:focus, .layui-btn.simple:hover {
  color: #4b5cc4;
  background-color: #fff;
  border: 1px solid #4b5cc4;
}
.layui-btn.primary {
  background-color: #4b5cc4;
  color: #fff;
}
.layui-btn.primary:hover {
  background-color: #4b5cc4;
  color: #fff;
}
.layui-btn.primary.simple {
  color: #4b5cc4;
  background-color: #fff;
  border: 1px solid #4b5cc4;
}
.layui-btn.primary.simple:focus, .layui-btn.primary.simple:hover {
  background: #4b5cc4;
  border-color: #4b5cc4;
  color: #fff;
}
.layui-btn.info {
  background-color: #44cef6;
  color: #fff;
}
.layui-btn.info:hover {
  background-color: #44cef6;
  color: #fff;
}
.layui-btn.info.simple {
  color: #44cef6;
  background-color: #fff;
  border: 1px solid #44cef6;
}
.layui-btn.info.simple:focus, .layui-btn.info.simple:hover {
  background: #44cef6;
  border-color: #44cef6;
  color: #fff;
}
.layui-btn.warning {
  background-color: #eeb922;
  color: #fff;
}
.layui-btn.warning:hover {
  background-color: #eeb922;
  color: #fff;
}
.layui-btn.warning.simple {
  color: #eeb922;
  background-color: #fff;
  border: 1px solid #eeb922;
}
.layui-btn.warning.simple:focus, .layui-btn.warning.simple:hover {
  background: #eeb922;
  border-color: #eeb922;
  color: #fff;
}
.layui-btn.success {
  background-color: #0eb840;
  color: #fff;
}
.layui-btn.success:hover {
  background-color: #0eb840;
  color: #fff;
}
.layui-btn.success.simple {
  color: #0eb840;
  background-color: #fff;
  border: 1px solid #0eb840;
}
.layui-btn.success.simple:focus, .layui-btn.success.simple:hover {
  background: #0eb840;
  border-color: #0eb840;
  color: #fff;
}
.layui-btn.danger {
  background-color: #c3272b;
  color: #fff;
}
.layui-btn.danger:hover {
  background-color: #c3272b;
  color: #fff;
}
.layui-btn.danger.simple {
  color: #c3272b;
  background-color: #fff;
  border: 1px solid #c3272b;
}
.layui-btn.danger.simple:focus, .layui-btn.danger.simple:hover {
  background: #c3272b;
  border-color: #c3272b;
  color: #fff;
}
.layui-btn.text {
  border-color: transparent;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.layui-btn.text:hover {
  color: #4b5cc4;
  text-decoration: underline;
}
.layui-btn.shade {
  background-color: #f0f0f4;
  border-color: #c3c3d3;
}
.layui-btn.shade:focus, .layui-btn.shade:hover {
  background: #747499;
  color: #fff;
}
.layui-btn.primary.shade {
  color: #4b5cc4;
  background-color: #eeeff9;
  border-color: #b2bae6;
}
.layui-btn.primary.shade:focus, .layui-btn.primary.shade:hover {
  background: #4b5cc4;
  color: #fff;
}
.layui-btn.info.shade {
  color: #44cef6;
  background-color: #edf6fc;
  border-color: #a9d5f2;
}
.layui-btn.info.shade:focus, .layui-btn.info.shade:hover {
  background: #44cef6;
  color: #fff;
}
.layui-btn.warning.shade {
  color: #eeb922;
  background-color: #fdfaec;
  border-color: #f8e9a3;
}
.layui-btn.warning.shade:focus, .layui-btn.warning.shade:hover {
  background: #eeb922;
  color: #fff;
}
.layui-btn.success.shade {
  color: #0eb840;
  background-color: #e9fef1;
  border-color: #9ff9c1;
}
.layui-btn.success.shade:focus, .layui-btn.success.shade:hover {
  background: #0eb840;
  color: #fff;
}
.layui-btn.danger.shade {
  color: #c3272b;
  background-color: #fceeee;
  border-color: #eeacae;
}
.layui-btn.danger.shade:focus, .layui-btn.danger.shade:hover {
  background: #c3272b;
  color: #fff;
}
.layui-btn.dashed {
  border-style: dashed;
  background-color: transparent;
}
.layui-btn.dashed:focus, .layui-btn.dashed:hover {
  background: #f0f0f4;
}
.layui-btn.primary.dashed {
  color: #4b5cc4;
  background-color: #fff;
  border-color: #4b5cc4;
}
.layui-btn.primary.dashed:focus, .layui-btn.primary.dashed:hover {
  background: #eeeff9;
}
.layui-btn.info.dashed {
  color: #44cef6;
  background-color: #fff;
  border-color: #44cef6;
}
.layui-btn.info.dashed:focus, .layui-btn.info.dashed:hover {
  background: #edf6fc;
}
.layui-btn.warning.dashed {
  color: #eeb922;
  background-color: #fff;
  border-color: #eeb922;
}
.layui-btn.warning.dashed:focus, .layui-btn.warning.dashed:hover {
  background: #fdfaec;
}
.layui-btn.success.dashed {
  color: #0eb840;
  background-color: #fff;
  border-color: #0eb840;
}
.layui-btn.success.dashed:focus, .layui-btn.success.dashed:hover {
  background: #e9fef1;
}
.layui-btn.danger.dashed {
  color: #c3272b;
  background-color: #fff;
  border-color: #c3272b;
}
.layui-btn.danger.dashed:focus, .layui-btn.danger.dashed:hover {
  background: #fceeee;
}
.layui-btn.block {
  width: 100%;
}
.layui-btn.round {
  border-radius: 20px !important;
}
.layui-btn.circle {
  border-radius: 50%;
}
.layui-btn.lg {
  padding: 11px 15px;
}
.layui-btn.sm {
  padding: 5px 12px;
}
.layui-btn.xs {
  padding: 2px 9px;
}
.layui-btn.layui-btn-lg {
  padding: 11px 15px;
}
.layui-btn.layui-btn-sm {
  padding: 5px 12px;
}
.layui-btn.layui-btn-xs {
  padding: 2px 9px;
}
.layui-btn.disabled, .layui-btn.disabled:active, .layui-btn.disabled:hover {
  color: #c0c4cc !important;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff !important;
  border-color: #ebeef5 !important;
}
.layui-btn.text.disabled, .layui-btn.text.disabled:focus, .layui-btn.textdisabled:hover,
.layui-btn .text:active {
  border-color: transparent !important;
  background-color: transparent;
  color: #ebeef5 !important;
}

.layui-btn-primary:hover {
  border-color: #4b5cc4;
}

.layui-btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.layui-btn-group.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layui-btn-group.vertical .layui-btn {
  border: 1px solid #dcdfe6;
}
.layui-btn-group.vertical .layui-btn:first-child {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.layui-btn-group.vertical .layui-btn:first-child.round {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 20px !important;
}
.layui-btn-group.vertical .layui-btn:last-child {
  border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.layui-btn-group.vertical .layui-btn:last-child.round {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 20px !important;
}
.layui-btn-group .layui-btn {
  margin: 0 !important;
}
.layui-btn-group .layui-btn:focus, .layui-btn-group .layui-btn:hover {
  border-color: #4b5cc4 !important;
  color: #4b5cc4;
}
.layui-btn-group .layui-btn:first-child {
  border: 1px solid #dcdfe6;
}
.layui-btn-group .layui-btn:first-child.round {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0px !important;
}
.layui-btn-group .layui-btn:last-child.round {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.plus-btn-loading {
  opacity: 0.8;
  pointer-events: none;
  font-size: 0 !important;
}
.plus-btn-loading* {
  display: none !important;
}
.plus-btn-loading > .plus-btn-loading-text * {
  display: inline-block !important;
}
.plus-btn-loading.lg > .plus-btn-loading-text, .plus-btn-loading.layui-btn-lg > .plus-btn-loading-text {
  font-size: 16px !important;
}
.plus-btn-loading > .plus-btn-loading-text {
  font-size: 14px !important;
  display: inline-block !important;
}
.plus-btn-loading.sm > .plus-btn-loading-text, .plus-btn-loading.xs > .plus-btn-loading-text, .plus-btn-loading.layui-btn-sm > .plus-btn-loading-text, .plus-btn-loading.layui-btn-xs > .plus-btn-loading-text {
  font-size: 12px !important;
}

/* head头 */
.plus-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 30px;
  border-bottom: 1px solid #e1e2e8;
  background-color: #fff;
  position: relative;
}
.plus-header .plus-header-a {
  display: inline-block;
  margin-right: 20px;
}
.plus-header .plus-header-r {
  margin-left: auto !important;
}
.plus-header .plus-header-r .plus-header-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.plus-header .plus-header-logo {
  width: 45px;
  height: 45px;
  margin-right: 20px;
  border-radius: 50%;
}
.plus-header .plus-header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plus-header .plus-header-menu li {
  margin-left: 40px;
}
.plus-header .plus-header-menu li a {
  color: #c8c8c8;
}
.plus-header .plus-header-menu li a:hover {
  color: #666;
}
.plus-header .plus-header-menu li a.active {
  color: #57606f;
  font-weight: bold;
  font-size: 16px;
}

/* 前台子菜单头 */
.plus-subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 30px;
  -webkit-box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09);
          box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09);
  background-color: #fff;
  margin-bottom: 16px;
}
.plus-subheader li a {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 10px 4px;
  color: #b2b2b2;
  font-weight: 500;
  font-size: 14px;
}
.plus-subheader li a:hover {
  color: #57606f;
}
.plus-subheader li a.active {
  color: #57606f;
  font-weight: bold;
}

/* 区块标题描述总结头 */
.heading-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  padding: 8px 0;
  border-radius: 8px;
  background: #f2ecde;
  margin-bottom: 8px;
}
.heading-block h1 {
  margin: 0;
  color: #57606f;
  font-weight: 500;
  text-align: center;
  margin-bottom: 8px;
}
.heading-block p {
  text-align: center;
  color: #758a99;
  font-size: 16px;
  max-width: 60%;
  line-height: 2;
}

/* 小米头 */
.heading-mi {
  font-size: 22px;
  font-weight: 200;
  line-height: 58px;
  color: #2f3542;
  margin: 8px 0 8px 0;
} /* 面包屑 间隔 */
.heading {
  margin-bottom: 24px;
  color: #2f3542;
  font-size: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dfe1e6;
}

.layui-col-space* h2.heading {
  margin-bottom: 0;
}

.pageheader {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #2f3542;
  border-left: 4px solid #1e90ff;
  padding-left: 10px;
  line-height: 18px;
}

.pagetitle {
  font-size: 18px;
}

/* 底部菜单 */
.s-footer {
  margin: 60px 0;
}
.s-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.s-footer ul li {
  margin-right: 30px;
  font-size: 12px;
  font-family: Langdon;
}

/* 颜色 */
body {
  background-color: #f1f2f6;
  color: #57606f;
}

/* 链接 */
a {
  color: #768093;
}

a:hover {
  color: #1e90ff;
} /* 主题文本颜色和背景颜色 */
.text-red {
  color: #ff2121 !important;
}

.bg-red {
  background-color: #ff2121 !important;
  color: #fff;
}

.layui-btn.bg-red:hover {
  background-color: #ff2121 !important;
  color: #fff;
}

.text-orange {
  color: #ff8936 !important;
}

.bg-orange {
  background-color: #ff8936 !important;
  color: #fff;
}

.layui-btn.bg-orange:hover {
  background-color: #ff8936 !important;
  color: #fff;
}

.text-yellow {
  color: #f2be45 !important;
}

.bg-yellow {
  background-color: #f2be45 !important;
  color: #fff;
}

.layui-btn.bg-yellow:hover {
  background-color: #f2be45 !important;
  color: #fff;
}

.text-green {
  color: #00bc12 !important;
}

.bg-green {
  background-color: #00bc12 !important;
  color: #fff;
}

.layui-btn.bg-green:hover {
  background-color: #00bc12 !important;
  color: #fff;
}

.text-cyan {
  color: #1bd1a5 !important;
}

.bg-cyan {
  background-color: #1bd1a5 !important;
  color: #fff;
}

.layui-btn.bg-cyan:hover {
  background-color: #1bd1a5 !important;
  color: #fff;
}

.text-blue {
  color: #1e90ff !important;
}

.bg-blue {
  background-color: #1e90ff !important;
  color: #fff;
}

.layui-btn.bg-blue:hover {
  background-color: #1e90ff !important;
  color: #fff;
}

.text-purple {
  color: #801dae !important;
}

.bg-purple {
  background-color: #801dae !important;
  color: #fff;
}

.layui-btn.bg-purple:hover {
  background-color: #801dae !important;
  color: #fff;
}

.text-pink {
  color: #f00056 !important;
}

.bg-pink {
  background-color: #f00056 !important;
  color: #fff;
}

.layui-btn.bg-pink:hover {
  background-color: #f00056 !important;
  color: #fff;
}

.text-lightblue {
  color: #30dff3 !important;
}

.bg-lightblue {
  background-color: #30dff3 !important;
  color: #fff;
}

.layui-btn.bg-lightblue:hover {
  background-color: #30dff3 !important;
  color: #fff;
}

.text-deepblue {
  color: #3b2e7e !important;
}

.bg-deepblue {
  background-color: #3b2e7e !important;
  color: #fff;
}

.layui-btn.bg-deepblue:hover {
  background-color: #3b2e7e !important;
  color: #fff;
}

.text-white {
  color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
  color: #fff;
}

.layui-btn.bg-white:hover {
  background-color: #fff !important;
  color: #fff;
}

.text-light {
  color: #e9f1f6 !important;
}

.bg-light {
  background-color: #e9f1f6 !important;
  color: #fff;
}

.layui-btn.bg-light:hover {
  background-color: #e9f1f6 !important;
  color: #fff;
}

.text-gray {
  color: #758a99 !important;
}

.bg-gray {
  background-color: #758a99 !important;
  color: #fff;
}

.layui-btn.bg-gray:hover {
  background-color: #758a99 !important;
  color: #fff;
}

.text-lightblack {
  color: #50616d !important;
}

.bg-lightblack {
  background-color: #50616d !important;
  color: #fff;
}

.layui-btn.bg-lightblack:hover {
  background-color: #50616d !important;
  color: #fff;
}

.text-dark {
  color: #3d3b4f !important;
}

.bg-dark {
  background-color: #3d3b4f !important;
  color: #fff;
}

.layui-btn.bg-dark:hover {
  background-color: #3d3b4f !important;
  color: #fff;
}

.text-black {
  color: #2f3542 !important;
}

.bg-black {
  background-color: #2f3542 !important;
  color: #fff;
}

.layui-btn.bg-black:hover {
  background-color: #2f3542 !important;
  color: #fff;
}

.text-deepblack {
  color: #161823 !important;
}

.bg-deepblack {
  background-color: #161823 !important;
  color: #fff;
}

.layui-btn.bg-deepblack:hover {
  background-color: #161823 !important;
  color: #fff;
}

.bg-light {
  color: #2f3542 !important;
}

.text-primary {
  color: #4b5cc4 !important;
}

.bg-primary {
  background-color: #4b5cc4 !important;
  color: #fff;
}

.layui-btn.bg-primary:hover {
  background-color: #4b5cc4 !important;
  color: #fff;
}

.text-info {
  color: #44cef6 !important;
}

.bg-info {
  background-color: #44cef6 !important;
  color: #fff;
}

.layui-btn.bg-info:hover {
  background-color: #44cef6 !important;
  color: #fff;
}

.text-warning {
  color: #eeb922 !important;
}

.bg-warning {
  background-color: #eeb922 !important;
  color: #fff;
}

.layui-btn.bg-warning:hover {
  background-color: #eeb922 !important;
  color: #fff;
}

.text-success {
  color: #0eb840 !important;
}

.bg-success {
  background-color: #0eb840 !important;
  color: #fff;
}

.layui-btn.bg-success:hover {
  background-color: #0eb840 !important;
  color: #fff;
}

.text-danger {
  color: #c3272b !important;
}

.bg-danger {
  background-color: #c3272b !important;
  color: #fff;
}

.layui-btn.bg-danger:hover {
  background-color: #c3272b !important;
  color: #fff;
}

/* 弹窗 */
.layui-layer-title {
  height: 35px !important;
  line-height: 35px !important;
}

.layui-layer-setwin {
  top: 10px !important;
}

/* 面板 */
h2.layui-colla-title {
  font-weight: normal;
}

/* 卡片 */
.layui-card {
  border: 0.0625rem solid #dfe4ea;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.layui-card-header {
  height: 2.1875rem;
  line-height: 2.1875rem;
  padding: 0 0.75rem;
  border-color: #dfe4ea;
  background-color: #f4f5f7;
}

.layui-card-body {
  padding: 0.5rem 0.75rem;
}

/* 时间 */
.layui-nav {
  border-radius: 4px;
  cursor: pointer;
}
.layui-nav .layui-this:after,
.layui-nav .layui-nav-bar {
  background-color: #4b5cc4;
  height: 3px;
  bottom: 2px;
}
.layui-nav .layui-nav-child {
  padding: 1px 2px;
}
.layui-nav .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #57606f !important;
  border-radius: 4px;
}
.layui-nav.bg-red .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #ff2121 !important;
}
.layui-nav.bg-red .layui-this:after, .layui-nav.bg-red .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-orange .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #ff8936 !important;
}
.layui-nav.bg-orange .layui-this:after, .layui-nav.bg-orange .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-yellow .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #f2be45 !important;
}
.layui-nav.bg-yellow .layui-this:after, .layui-nav.bg-yellow .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-green .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #00bc12 !important;
}
.layui-nav.bg-green .layui-this:after, .layui-nav.bg-green .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-cyan .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #1bd1a5 !important;
}
.layui-nav.bg-cyan .layui-this:after, .layui-nav.bg-cyan .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-blue .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #1e90ff !important;
}
.layui-nav.bg-blue .layui-this:after, .layui-nav.bg-blue .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-purple .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #801dae !important;
}
.layui-nav.bg-purple .layui-this:after, .layui-nav.bg-purple .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-pink .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #f00056 !important;
}
.layui-nav.bg-pink .layui-this:after, .layui-nav.bg-pink .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-lightblue .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #30dff3 !important;
}
.layui-nav.bg-lightblue .layui-this:after, .layui-nav.bg-lightblue .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-deepblue .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #3b2e7e !important;
}
.layui-nav.bg-deepblue .layui-this:after, .layui-nav.bg-deepblue .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-white .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #fff !important;
}
.layui-nav.bg-white .layui-this:after, .layui-nav.bg-white .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-light .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #e9f1f6 !important;
}
.layui-nav.bg-light .layui-this:after, .layui-nav.bg-light .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-gray .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #758a99 !important;
}
.layui-nav.bg-gray .layui-this:after, .layui-nav.bg-gray .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-lightblack .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #50616d !important;
}
.layui-nav.bg-lightblack .layui-this:after, .layui-nav.bg-lightblack .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-dark .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #3d3b4f !important;
}
.layui-nav.bg-dark .layui-this:after, .layui-nav.bg-dark .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-black .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #2f3542 !important;
}
.layui-nav.bg-black .layui-this:after, .layui-nav.bg-black .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-deepblack .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #161823 !important;
}
.layui-nav.bg-deepblack .layui-this:after, .layui-nav.bg-deepblack .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-primary .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #4b5cc4 !important;
}
.layui-nav.bg-primary .layui-this:after, .layui-nav.bg-primary .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-info .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #44cef6 !important;
}
.layui-nav.bg-info .layui-this:after, .layui-nav.bg-info .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-warning .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #eeb922 !important;
}
.layui-nav.bg-warning .layui-this:after, .layui-nav.bg-warning .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-success .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #0eb840 !important;
}
.layui-nav.bg-success .layui-this:after, .layui-nav.bg-success .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-danger .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #c3272b !important;
}
.layui-nav.bg-danger .layui-this:after, .layui-nav.bg-danger .layui-nav-bar {
  background-color: #fff;
  height: 3px;
  bottom: 2px;
}
.layui-nav.bg-white {
  border: 1px solid #dfe1e6;
  color: #57606f;
}
.layui-nav.bg-white .layui-nav-item a {
  color: #57606f !important;
}
.layui-nav.bg-white .layui-nav-child a:hover {
  background-color: #dfe1e6;
  color: #57606f !important;
}
.layui-nav.bg-white .layui-nav-item a:hover, .layui-nav.bg-white .layui-this a {
  color: #57606f;
}
.layui-nav.bg-white .layui-this:after, .layui-nav.bg-white .layui-nav-bar {
  background-color: #4b5cc4;
  height: 3px;
  bottom: 2px;
}

.layui-nav-tree {
  cursor: pointer;
}
.layui-nav-tree .layui-nav-bar {
  width: 3px;
  background-color: #ffffff;
  left: 1px;
}
.layui-nav-tree .layui-nav-itemed > .layui-nav-child {
  border-radius: 4px;
}
.layui-nav-tree.bg-red .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-red .layui-nav-child dd.layui-this, .layui-nav-tree.bg-red .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-red .layui-this, .layui-nav-tree.bg-red .layui-this > a, .layui-nav-tree.bg-red .layui-this > a:hover {
  background-color: #eee;
  color: #ff2121;
  border-radius: 4px;
}
.layui-nav-tree.bg-red .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-orange .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-orange .layui-nav-child dd.layui-this, .layui-nav-tree.bg-orange .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-orange .layui-this, .layui-nav-tree.bg-orange .layui-this > a, .layui-nav-tree.bg-orange .layui-this > a:hover {
  background-color: #eee;
  color: #ff8936;
  border-radius: 4px;
}
.layui-nav-tree.bg-orange .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-yellow .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-yellow .layui-nav-child dd.layui-this, .layui-nav-tree.bg-yellow .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-yellow .layui-this, .layui-nav-tree.bg-yellow .layui-this > a, .layui-nav-tree.bg-yellow .layui-this > a:hover {
  background-color: #eee;
  color: #f2be45;
  border-radius: 4px;
}
.layui-nav-tree.bg-yellow .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-green .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-green .layui-nav-child dd.layui-this, .layui-nav-tree.bg-green .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-green .layui-this, .layui-nav-tree.bg-green .layui-this > a, .layui-nav-tree.bg-green .layui-this > a:hover {
  background-color: #eee;
  color: #00bc12;
  border-radius: 4px;
}
.layui-nav-tree.bg-green .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-cyan .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-cyan .layui-nav-child dd.layui-this, .layui-nav-tree.bg-cyan .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-cyan .layui-this, .layui-nav-tree.bg-cyan .layui-this > a, .layui-nav-tree.bg-cyan .layui-this > a:hover {
  background-color: #eee;
  color: #1bd1a5;
  border-radius: 4px;
}
.layui-nav-tree.bg-cyan .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-blue .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-blue .layui-nav-child dd.layui-this, .layui-nav-tree.bg-blue .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-blue .layui-this, .layui-nav-tree.bg-blue .layui-this > a, .layui-nav-tree.bg-blue .layui-this > a:hover {
  background-color: #eee;
  color: #1e90ff;
  border-radius: 4px;
}
.layui-nav-tree.bg-blue .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-purple .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-purple .layui-nav-child dd.layui-this, .layui-nav-tree.bg-purple .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-purple .layui-this, .layui-nav-tree.bg-purple .layui-this > a, .layui-nav-tree.bg-purple .layui-this > a:hover {
  background-color: #eee;
  color: #801dae;
  border-radius: 4px;
}
.layui-nav-tree.bg-purple .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-pink .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-pink .layui-nav-child dd.layui-this, .layui-nav-tree.bg-pink .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-pink .layui-this, .layui-nav-tree.bg-pink .layui-this > a, .layui-nav-tree.bg-pink .layui-this > a:hover {
  background-color: #eee;
  color: #f00056;
  border-radius: 4px;
}
.layui-nav-tree.bg-pink .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-lightblue .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-lightblue .layui-nav-child dd.layui-this, .layui-nav-tree.bg-lightblue .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-lightblue .layui-this, .layui-nav-tree.bg-lightblue .layui-this > a, .layui-nav-tree.bg-lightblue .layui-this > a:hover {
  background-color: #eee;
  color: #30dff3;
  border-radius: 4px;
}
.layui-nav-tree.bg-lightblue .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-deepblue .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-deepblue .layui-nav-child dd.layui-this, .layui-nav-tree.bg-deepblue .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-deepblue .layui-this, .layui-nav-tree.bg-deepblue .layui-this > a, .layui-nav-tree.bg-deepblue .layui-this > a:hover {
  background-color: #eee;
  color: #3b2e7e;
  border-radius: 4px;
}
.layui-nav-tree.bg-deepblue .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-white .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-white .layui-nav-child dd.layui-this, .layui-nav-tree.bg-white .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-white .layui-this, .layui-nav-tree.bg-white .layui-this > a, .layui-nav-tree.bg-white .layui-this > a:hover {
  background-color: #eee;
  color: #fff;
  border-radius: 4px;
}
.layui-nav-tree.bg-white .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-light .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-light .layui-nav-child dd.layui-this, .layui-nav-tree.bg-light .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-light .layui-this, .layui-nav-tree.bg-light .layui-this > a, .layui-nav-tree.bg-light .layui-this > a:hover {
  background-color: #eee;
  color: #e9f1f6;
  border-radius: 4px;
}
.layui-nav-tree.bg-light .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-gray .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-gray .layui-nav-child dd.layui-this, .layui-nav-tree.bg-gray .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-gray .layui-this, .layui-nav-tree.bg-gray .layui-this > a, .layui-nav-tree.bg-gray .layui-this > a:hover {
  background-color: #eee;
  color: #758a99;
  border-radius: 4px;
}
.layui-nav-tree.bg-gray .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-lightblack .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-lightblack .layui-nav-child dd.layui-this, .layui-nav-tree.bg-lightblack .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-lightblack .layui-this, .layui-nav-tree.bg-lightblack .layui-this > a, .layui-nav-tree.bg-lightblack .layui-this > a:hover {
  background-color: #eee;
  color: #50616d;
  border-radius: 4px;
}
.layui-nav-tree.bg-lightblack .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-dark .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-dark .layui-nav-child dd.layui-this, .layui-nav-tree.bg-dark .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-dark .layui-this, .layui-nav-tree.bg-dark .layui-this > a, .layui-nav-tree.bg-dark .layui-this > a:hover {
  background-color: #eee;
  color: #3d3b4f;
  border-radius: 4px;
}
.layui-nav-tree.bg-dark .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-black .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-black .layui-nav-child dd.layui-this, .layui-nav-tree.bg-black .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-black .layui-this, .layui-nav-tree.bg-black .layui-this > a, .layui-nav-tree.bg-black .layui-this > a:hover {
  background-color: #eee;
  color: #2f3542;
  border-radius: 4px;
}
.layui-nav-tree.bg-black .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-deepblack .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-deepblack .layui-nav-child dd.layui-this, .layui-nav-tree.bg-deepblack .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-deepblack .layui-this, .layui-nav-tree.bg-deepblack .layui-this > a, .layui-nav-tree.bg-deepblack .layui-this > a:hover {
  background-color: #eee;
  color: #161823;
  border-radius: 4px;
}
.layui-nav-tree.bg-deepblack .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-primary .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-primary .layui-nav-child dd.layui-this, .layui-nav-tree.bg-primary .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-primary .layui-this, .layui-nav-tree.bg-primary .layui-this > a, .layui-nav-tree.bg-primary .layui-this > a:hover {
  background-color: #eee;
  color: #4b5cc4;
  border-radius: 4px;
}
.layui-nav-tree.bg-primary .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-info .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-info .layui-nav-child dd.layui-this, .layui-nav-tree.bg-info .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-info .layui-this, .layui-nav-tree.bg-info .layui-this > a, .layui-nav-tree.bg-info .layui-this > a:hover {
  background-color: #eee;
  color: #44cef6;
  border-radius: 4px;
}
.layui-nav-tree.bg-info .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-warning .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-warning .layui-nav-child dd.layui-this, .layui-nav-tree.bg-warning .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-warning .layui-this, .layui-nav-tree.bg-warning .layui-this > a, .layui-nav-tree.bg-warning .layui-this > a:hover {
  background-color: #eee;
  color: #eeb922;
  border-radius: 4px;
}
.layui-nav-tree.bg-warning .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-success .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-success .layui-nav-child dd.layui-this, .layui-nav-tree.bg-success .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-success .layui-this, .layui-nav-tree.bg-success .layui-this > a, .layui-nav-tree.bg-success .layui-this > a:hover {
  background-color: #eee;
  color: #0eb840;
  border-radius: 4px;
}
.layui-nav-tree.bg-success .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-danger .layui-nav-itemed > .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.layui-nav-tree.bg-danger .layui-nav-child dd.layui-this, .layui-nav-tree.bg-danger .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-danger .layui-this, .layui-nav-tree.bg-danger .layui-this > a, .layui-nav-tree.bg-danger .layui-this > a:hover {
  background-color: #eee;
  color: #c3272b;
  border-radius: 4px;
}
.layui-nav-tree.bg-danger .layui-nav-bar {
  height: 0;
}
.layui-nav-tree.bg-white .layui-nav-itemed > .layui-nav-child {
  background-color: #fff !important;
}
.layui-nav-tree.bg-white .layui-nav-child dd.layui-this, .layui-nav-tree.bg-white .layui-nav-child dd.layui-this a, .layui-nav-tree.bg-white .layui-this, .layui-nav-tree.bg-white .layui-this > a, .layui-nav-tree.bg-white .layui-this > a:hover .layui-nav-tree.bg-white .layui-nav-itemed > .layui-nav-child {
  background-color: #dfdfff;
  color: #4b5cc4 !important;
  border-radius: 4px;
}

.layui-breadcrumb a:hover {
  color: #4b5cc4 !important;
}

/* 代码 */
h2.layui-colla-title {
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  background-color: #f4f5f7;
}

.layui-colla-content {
  padding: 8px;
}

.layui-code-view {
  margin: 0 !important;
  font-size: 12px !important;
  border-left-width: 1px !important;
}

.layui-code-title {
  height: 22px !important;
  line-height: 22px !important;
  display: none;
}

.layui-code-view > .layui-code-ol > li {
  margin-left: 35px !important;
  line-height: 15px !important;
  padding: 4px 4px !important;
}

/* 表单 */
.layui-input,
.layui-textarea {
  background: #fafbfc;
  border-color: #dfe1e6;
  border-radius: 4px;
}

.layui-input:focus,
.layui-textarea:focus,
.layui-input:hover,
.layui-textarea:hover {
  background: #ebecf0;
}

.layui-input {
  background: #fafbfc;
  border-color: #dfe1e6;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
}
.layui-input.lg {
  height: 38px;
  line-height: 38px;
  margin: -2px 0 -2px;
}
.layui-input.sm {
  height: 28px;
  line-height: 28px;
  margin: 2px 0 2px;
}
.layui-input.xs {
  height: 24px;
  line-height: 24px;
  margin: 4px 0 4px;
}

.layui-form-item .layui-input-inline {
  width: auto;
  margin-right: 0px;
}

.layui-form-label {
  color: #2f3542;
  width: 85px;
  padding: 6px 8px 6px 12px;
}
.layui-form-label.lg {
  padding: 8px 8px 8px 12px;
}
.layui-form-label.sm {
  padding: 4px 8px 4px 12px;
}
.layui-form-label.xs {
  padding: 2px 8px 2px 12px;
}

.layui-form-select .layui-input {
  padding-right: 0px;
}

.layui-form-select dl {
  padding: 2px 4px;
  border-radius: 4px;
}

.layui-form-select dl dd,
.layui-form-select dl dt {
  line-height: 32px;
  margin-top: 2px;
}

.layui-form-select dl dd.layui-this {
  line-height: 32px;
  background-color: #4b5cc4;
  color: #fff;
  border-radius: 4px;
}

.layui-form-select dl dd:hover {
  background-color: #dfe1e6;
  color: #57606f;
  border-radius: 4px;
}

.layui-form-switch {
  height: 20px;
  line-height: 20px;
  margin: 5px 0;
}
.layui-form-switch i {
  top: 2px;
}
.layui-form-switch em {
  font-size: 14px;
}

.layui-form-onswitch {
  border-color: #4b5cc4;
  background-color: #4b5cc4;
}
.layui-form-onswitch em {
  margin-left: 2px;
  margin-right: 19px;
}

.layui-form-checkbox {
  height: 26px;
  line-height: 26px;
}
.layui-form-checkbox i {
  width: 28px;
  height: 24px;
}

.layui-form-checked[lay-skin=primary] i {
  border-color: #4b5cc4 !important;
  background-color: #4b5cc4;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #4b5cc4;
}

.layui-form-checkbox[lay-skin=primary]:hover span {
  background-color: #fff;
}

.layui-form-checked span,
.layui-form-checked:hover span {
  background-color: #4b5cc4;
}

.layui-form-checked i,
.layui-form-checked:hover i {
  color: #4b5cc4;
}

.layui-form-radio {
  line-height: 28px;
  margin: 2px 8px 2px 0;
  padding-right: 8px;
}
.layui-form-radio > i {
  font-size: 18px;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed > i {
  color: #4b5cc4;
}

.layui-form-item {
  margin-bottom: 6px;
}
.layui-form-item .layui-form-checkbox {
  margin: 3px 8px 3px 0px;
}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
  margin: 7px 8px 7px 0px;
}

.layui-input-block {
  margin-left: 105px;
  min-height: 32px;
}

.layui-form-mid {
  padding: 6px !important;
  margin: 0 4px;
  font-size: 12px;
}

.layui-form-pane .layui-form-label {
  padding: 6px 12px;
  height: 32px;
  background-color: #f5f7fa;
  border-color: #dfe1e6;
}

.layui-form-pane .layui-form-item[pane] {
  border-color: #dfe1e6;
}

.layui-form-pane .layui-form-switch {
  margin: 5px 10px;
}

.layui-form-pane .layui-form-radio {
  margin: 2px 10px;
}

/* placeholder 颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #c3c3c3;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #c3c3c3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #c3c3c3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #c3c3c3;
}

/* 输入框图标 */
.input-icon {
  position: absolute;
  width: 35px;
  line-height: 30px;
  text-align: center;
  color: #c3c3c3;
}

.input-icon + input {
  padding-left: 35px;
}

/* 输入框左边不带label，定头开始 */
.no-label {
  margin-left: 0;
} /* 输入提示 */
.input-tip {
  position: relative;
  top: 4px;
  color: #bfbfbf;
  font-size: 12px;
}

/* 单图上传的框 */
.layui-upload {
  margin-top: 5px;
}

.layui-upload-img {
  border: 1px solid #dfe1e6;
} /* 左右布局 */
.plus-admin-lr .layui-form-label {
  float: none;
  width: 300px;
  padding: 9px 8px;
  text-align: left;
}
.plus-admin-lr .layui-input-block {
  margin-bottom: 32px;
  margin-left: 5px;
}
.plus-admin-lr .lr-info {
  font-weight: normal;
  color: #bfbfbf;
  font-size: 12px;
}

.lr-btn.layui-input-block {
  margin-left: 10px !important;
} /* 列表数据表格重写 */
.plus-admin-list .layui-table td {
  border-left: none;
  border-right: none;
  text-align: center;
}

.plus-admin-list .layui-form {
  border-left: none;
  border-right: none;
}

.plus-admin-list .layui-table thead tr {
  background-color: #fff;
}

.plus-admin-list .layui-table tr {
  height: 50px;
}

.plus-admin-list .layui-table th {
  border-right: none;
  font-size: 12px;
  text-align: center;
}

.plus-admin-list .layui-table-cell {
  height: auto;
}

.plus-admin-list .layui-table img {
  max-width: 72px;
}

.plus-admin-list .layui-table-body {
  overflow-x: hidden;
}

.form-expand {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
  height: 15px;
  width: 40px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  color: #4b5cc4 !important;
  z-index: 100;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.form-expand i {
  font-size: 12px;
  font-weight: 600;
}
.form-expand:hover {
  background-color: #4b5cc4;
  color: #fff !important;
}

.form-expand-show {
  display: none !important;
}

/* 表格 */
/* 给表格加点阴影 */
.layui-table {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin: 0;
}

.layui-table thead tr,
.layui-table-click,
.layui-table-header,
.layui-table-hover,
.layui-table-mend,
.layui-table-patch,
.layui-table-total,
.layui-table-total tr {
  background-color: #ebecf0;
}

.layui-table tbody tr:hover,
.layui-table-click,
.layui-table-hover,
.layui-table-patch tr {
  background-color: #deebff;
}

.layui-table-tool {
  background-color: #fff;
  z-index: 11;
  padding: 10px 8px;
}

.layui-table td,
.layui-table th {
  border: 1px solid #dfe1e6;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #4b5cc4;
  border-radius: 4px;
}

.layui-laypage a:hover {
  color: #4b5cc4;
}

.layui-table-view {
  margin: 0;
  border-radius: 8px;
}

.layui-laypage select:focus,
.layui-laypage input:focus {
  border-color: #4b5cc4 !important;
}

/* @cover table的上下间距 */
.layui-table-edit:focus {
  border-color: #4b5cc4 !important;
}

.layui-table-view .layui-table[lay-size=md] .layui-table-cell .layui-input {
  background-color: #fff;
  margin-top: -2px;
  border: none;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
  padding: 5px 5px;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell .layui-input {
  background-color: #fff;
  height: 24px;
  line-height: 24px;
  margin-top: -2px;
  border: none;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell .layui-table-eidt {
  border-color: #4b5cc4;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell .layui-form-select dl dd,
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell .layui-form-select dl dt {
  height: 24px;
  line-height: 24px;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell .layui-form-select dl {
  top: 25px;
  overflow: visible;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

/* 页签 */
.plus-admin-header {
  width: 100%;
  height: 40px;
  z-index: 101;
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-header .header-logo {
  float: left;
  width: 50px;
  height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  color: #57606f;
}
.plus-admin-header .header-logo.open {
  float: left;
  width: 115px;
}
.plus-admin-header .header-left {
  float: left;
  text-align: center;
}
.plus-admin-header .header-left li {
  display: block;
  float: left;
  height: 100%;
  width: 36px;
  line-height: 36px;
  margin: 2px 3px 2px;
}
.plus-admin-header .header-left li a {
  display: block;
  color: #57606f;
  height: 36px;
  cursor: pointer;
}
.plus-admin-header .header-left li a:hover {
  background-color: #eee;
  border-radius: 4px;
}
.plus-admin-header .header-tools {
  float: right;
  text-align: center;
}
.plus-admin-header .header-tools li {
  float: left;
  height: 100%;
  width: 36px;
  line-height: 36px;
  margin: 2px;
}
.plus-admin-header .header-tools li a {
  display: block;
  color: #57606f;
  height: 36px;
  cursor: pointer;
}
.plus-admin-header .header-tools li a:hover {
  background-color: #eee;
  border-radius: 4px;
}
.plus-admin-header .header-right {
  float: right;
  height: 40px;
  background-color: #fff;
}
.plus-admin-header .header-right .layui-nav {
  padding: 0;
}
.plus-admin-header .header-right .layui-nav-img {
  width: 25px;
  height: 25px;
}
.plus-admin-header .header-right .layui-nav-item {
  line-height: 40px;
}
.plus-admin-header .header-right .layui-nav-item a {
  color: #57606f;
}
.plus-admin-header .header-right .layui-nav-item a:hover {
  color: #2f3542;
}
.plus-admin-header .header-right .layui-nav-item .layui-nav-child {
  top: 43px;
}

.plus-admin-header .header-top li {
  float: left;
  margin: 0 5px;
  padding: 0 5px;
}
.plus-admin-header .header-top li a {
  padding: 14px 0;
  height: 40px;
  line-height: 40px;
}
.plus-admin-header .header-top li i {
  margin: 0 2px;
}
.plus-admin-header .header-top li:hover {
  cursor: pointer;
}
.plus-admin-header .header-top li.active {
  border-bottom: 2px solid #4b5cc4;
  margin-top: -1px;
  cursor: pointer;
}
.plus-admin-header .header-top li.active a {
  color: #4b5cc4;
}

/* 左菜单 · menu */
.plus-admin-menu {
  position: fixed;
  top: 40px;
  left: 0;
  width: 50px;
  min-height: 100vh;
  z-index: 102;
  background-color: #3d3b4f;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-top: 1px dashed #777;
}
.plus-admin-menu .menu-item-title {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-menu .plus-admin-menu-items .menu-item {
  margin: 2px 5px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.plus-admin-menu .plus-admin-menu-items .menu-item a {
  color: #fff;
  height: 40px;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: absolute;
}
.plus-admin-menu .plus-admin-menu-items .menu-item a i {
  color: #b4b6bd;
  padding-left: 6px;
  font-weight: bold;
}
.plus-admin-menu .plus-admin-menu-items .menu-item:hover {
  background: rgba(255, 255, 255, 0.15);
  margin: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
}
.plus-admin-menu .plus-admin-menu-items .menu-item.active {
  margin: 2px 5px;
  background: rgba(75, 91, 196, 0.9);
  border-radius: 4px;
  cursor: pointer;
}
.plus-admin-menu .item-bottom {
  position: absolute;
  bottom: 50px;
  width: 100px;
  height: 40px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}
.plus-admin-menu .menu-item-tips {
  display: none;
}
.plus-admin-menu .menu-item-tips .menu-item-tip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px;
  height: 60px;
  line-height: 30px;
  width: 60px;
  text-align: center;
  top: -15px;
  color: #fff;
  left: 52px;
  background: rgba(36, 48, 60, 0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
}
.plus-admin-menu .menu-item-tips .menu-item-tip i {
  font-size: 24px;
  margin-bottom: 4px;
}
.plus-admin-menu .menu-item-tips .menu-item-tip .tip-span {
  border-top: 1px solid;
}
.plus-admin-menu .menu-item-tips .menu-item-tip:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-width: 6px;
  border-color: rgba(36, 48, 60, 0.8);
  border-left-width: 0;
  border-style: dashed;
  border-right-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.plus-admin-menu.fold .menu-item-icon {
  padding: 0 10px;
}
.plus-admin-menu.fold .layui-icon-right {
  position: absolute;
  right: -1px;
  font-size: 12px;
  color: #fff;
}
.plus-admin-menu.fold .layui-icon-right:before {
  content: "\e623";
}
.plus-admin-menu.fold .menu-item-title {
  display: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-menu.fold li.item-bottom {
  width: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-menu.open {
  width: 115px;
}
.plus-admin-menu.open .menu-item-icon {
  padding-left: 5px;
}
.plus-admin-menu.open .menu-item-tip {
  display: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-menu.open li.item-bottom.active {
  width: 100px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.user-card {
  position: fixed;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background: #f7f7f7;
  z-index: 1001;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.user-card .user-card-group {
  min-width: 200px;
  float: left;
  color: #57606f;
  background-color: #fff;
  padding: 8px 5px;
  border-radius: 8px 0 0 8px;
}
.user-card .user-card-group .user-card-title {
  padding-top: 8px;
  padding-left: 16px;
  color: #8e8e8e;
}
.user-card .user-card-group .user-card-body {
  position: relative;
  min-width: 150px;
  padding: 4px 0;
  margin: 0;
  background: #fff;
  line-height: 35px;
}
.user-card .user-card-group .user-card-body .user-card-list {
  position: relative;
  margin: 2px 0;
  padding: 0 12px;
  -webkit-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  color: #262626;
  cursor: pointer;
}
.user-card .user-card-group .user-card-body .user-card-list .user-card-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  line-height: 36px;
}
.user-card .user-card-group .user-card-body .user-card-list .user-card-list-item .list-item-name {
  margin-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.user-card .user-card-group .user-card-body .user-card-list .user-card-list-item i {
  margin-left: 8px;
}
.user-card .user-card-group .user-card-body .user-card-list:hover {
  color: #4b5cc4;
  background-color: #f0f0f0;
  border-radius: 4px;
}
.user-card .user-card-group .user-card-body .user-card-list.bottom {
  border-bottom: 1px solid #f0f0f0;
}
.user-card .user-card-group .user-card-body .plus-this {
  font-size: 15px;
  color: #4b5cc4;
  background: #e6f7ff;
  border-radius: 4px;
}
.user-card .user-card-group .user-card-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  height: 30px;
}
.user-card .user-card-group .user-card-tools .tools-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  margin-right: 2px;
}
.user-card .user-card-group .user-card-tools .tools-item:hover {
  background-color: #eee;
  cursor: pointer;
  border-radius: 4px;
}
.user-card .user-card-group .user-card-tools .tools-item i {
  font-size: 20px;
}
.user-card .user-card-group .user-card-tools .tools-item span {
  font-size: 12px;
}
.user-card .user-info {
  float: right;
  width: 180px;
  padding: 5px 10px;
}
.user-card .user-info .user-info-list {
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  padding: 1px 0px 1px 8px;
  color: #57606f;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.user-card .user-info .user-info-list.bottom {
  position: absolute;
  text-align: center;
  width: 160px;
  bottom: 10px;
  right: 20px;
}

/* 子菜单 · submenu */
.plus-admin-submenu {
  position: fixed;
  left: 50px;
  top: 40px;
  width: 102px;
  bottom: 35px;
  color: #57606f;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 8px;
  z-index: 100;
  border-right: 1px solid #efeff5;
  border-radius: 8px;
}
.plus-admin-submenu .plus-admin-submenu-fixed {
  position: absolute;
  cursor: pointer;
  text-align: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  top: 45%;
  left: 85px;
  line-height: 24px;
  z-index: 101;
  border: 1px solid #efeff5;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.plus-admin-submenu .plus-admin-submenu-fixed:hover {
  background: #4b5cc4;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-submenu .plus-admin-submenu-fixed.fold {
  left: 115px;
  border: 1px solid #efeff5;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-submenu .submenu-title {
  overflow: hidden;
  height: 35px;
  font-weight: bold;
  color: #57606f;
  text-align: center;
  line-height: 30px;
  border-bottom: 1px dashed #ddd;
}
.plus-admin-submenu .submenu-title .submenu-title-span {
  padding: 4px;
  border-bottom: 2px solid #4b5cc4;
}
.plus-admin-submenu > .layui-nav-tree {
  width: 96px;
  margin: 3px;
  border: none;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item a {
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 1px 0;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item a:hover {
  background-color: #eeeff9;
  color: #4b5cc4 !important;
  border-radius: 2px;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item a .layui-nav-more {
  padding: 0;
  right: 0;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item .layui-nav-child {
  background-color: #fff !important;
  padding: 0;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item .layui-nav-child a {
  padding-left: 15px;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item .layui-nav-child > a {
  height: 30px;
  line-height: 30px;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item .layui-nav-child .layui-nav-child a {
  padding-left: 18px;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a {
  padding-left: 20px;
}
.plus-admin-submenu > .layui-nav.bg-white > .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
  padding-left: 22px;
}
.plus-admin-submenu.fold {
  left: -70px;
}
.plus-admin-submenu.open {
  left: 50px;
}

.plus-admin-body {
  position: absolute;
  top: 40px;
  left: 160px;
  right: 160px;
  bottom: 35px;
  margin: 8px;
  z-index: 99;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.plus-admin-body .plus-admin-body-header {
  padding-right: 12px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.plus-admin-body .plus-admin-body-header .plus-admin-body-header-title {
  padding: 7px 15px 9px 15px;
  color: #4b5cc4;
  border-radius: 4px 0 0 4px;
}
.plus-admin-body > .layui-tab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.plus-admin-body > .layui-tab > .layui-tab-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 35px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  padding: 2px 80px 1px 80px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  background-color: #ffffff;
  border-radius: 4px;
}
.plus-admin-body > .layui-tab > .layui-tab-title li {
  margin-right: 4px;
  background-color: #ebecf0;
  color: #758a99;
  line-height: 30px;
  height: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #dfe1e6;
  padding: 0 8px;
  min-width: auto;
  max-width: 160px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: top;
  border-radius: 2px;
}
.plus-admin-body > .layui-tab > .layui-tab-title li.layui-this {
  color: #4b5cc4;
  background: #eeeff9;
  border: 1px solid #b2bae6;
  padding: 0px 20px 0 8px;
}
.plus-admin-body > .layui-tab > .layui-tab-title li.layui-this:after {
  height: 32px;
}
.plus-admin-body > .layui-tab > .layui-tab-title li.layui-this i {
  font-size: 16px;
  color: #4b5cc4;
  display: block;
}
.plus-admin-body > .layui-tab > .layui-tab-title li:first-child {
  padding: 0 8px;
}
.plus-admin-body > .layui-tab > .layui-tab-title li:first-child .layui-tab-close {
  display: none;
}
.plus-admin-body > .layui-tab > .layui-tab-title li .layui-tab-close {
  top: 8px;
  color: #8c8c8c;
  background-color: transparent;
  display: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 15px;
  border-radius: 50%;
  position: absolute;
  right: 1px;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.plus-admin-body > .layui-tab > .layui-tab-title li .layui-tab-close:hover {
  color: #c3272b;
  font-weight: bold;
  font-size: 16px;
}
.plus-admin-body > .layui-tab > .layui-tab-content {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  overflow: auto;
  background-color: #fff;
  border-radius: 8px;
}
.plus-admin-body > .plus-admin-body-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  overflow: auto;
  background-color: #fff;
  border-radius: 8px;
}
.plus-admin-body .plus-admin-card {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-body .plus-admin-card .block-header {
  background-color: #f4f6f9;
  padding: 12.8px 24px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.plus-admin-body .plus-admin-card .block-header .block-title {
  color: #768093;
  font-size: 16px;
}
.plus-admin-body .plus-admin-card .block-body {
  padding: 0;
}
.plus-admin-body .plus-admin-card .plus-admin-card-tool {
  padding-bottom: 8px;
}
.plus-admin-body .plus-admin-card .plus-admin-card-tool .layui-form-item {
  margin-bottom: 0;
}
.plus-admin-body .plus-admin-card .plus-admin-card-tab .layui-tab {
  margin: 0;
}
.plus-admin-body .plus-admin-card .plus-admin-card-tab .layui-tab-brief .layui-tab-title {
  height: 35px;
}
.plus-admin-body .plus-admin-card .plus-admin-card-tab .layui-tab-brief .layui-tab-title .layui-this:after {
  height: 36px;
}
.plus-admin-body .plus-admin-card .plus-admin-card-tab .layui-tab-brief .layui-tab-title li {
  padding: 0;
  line-height: 35px;
}
.plus-admin-body .plus-admin-card .plus-admin-card-table {
  background-color: #f8f8f8;
}
.plus-admin-body .plus-admin-card .plus-admin-card-table .layui-col-md2 {
  padding: 45px 35px 0px 35px;
  text-align: center;
  font-weight: bold;
  color: #2f3542;
}
.plus-admin-body .plus-admin-card .plus-admin-card-table .layui-col-md10 {
  padding: 35px;
  border-left: 3px solid #fff;
}
.plus-admin-body .plus-admin-card .layui-tab-content {
  padding: 8px 0 0 0;
}
.plus-admin-body .plus-admin-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.plus-admin-body .plus-admin-tabs-btn {
  position: absolute;
  top: 0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  text-align: center;
  z-index: 11;
  cursor: pointer;
}
.plus-admin-body .plus-admin-tabs-btn:hover {
  background-color: #eee;
}
.plus-admin-body .plus-admin-tabs-btn.refresh {
  left: 0;
  color: #c3272b;
  border-radius: 4px 0px 0px 4px;
  border-right: 1px solid #eee;
}
.plus-admin-body .plus-admin-tabs-btn.left {
  left: 36px;
  border-right: 1px solid #eee;
}
.plus-admin-body .plus-admin-tabs-btn.right {
  right: 36px;
  border-left: 1px solid #eee;
}
.plus-admin-body .plus-admin-tabs-btn.down {
  right: 0;
  border-radius: 0px 4px 4px 0px;
  border-left: 1px solid #eee;
}
.plus-admin-body .plus-admin-tabs-btn > .layui-nav, .plus-admin-body .plus-admin-tabs-btn > .layui-nav .layui-nav-item {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: transparent;
}
.plus-admin-body .plus-admin-tabs-btn > .layui-nav .layui-nav-child {
  top: 40px;
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  right: 0;
  left: auto;
  padding: 1px 2px;
}
.plus-admin-body .plus-admin-tabs-btn > .layui-nav .layui-nav-child dd {
  height: 32px;
  line-height: 32px;
}
.plus-admin-body .plus-admin-tabs-btn > .layui-nav .layui-nav-child a {
  color: #57606f;
  padding: 0 8px;
}

/* 面板 */
.plus-admin-panel {
  position: fixed;
  right: 0;
  top: 40px;
  width: 148px;
  bottom: 35px;
  z-index: 99;
  background-color: #fff;
  border-left: 1px solid #efefef;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 8px;
  padding: 2px;
  border-radius: 8px;
}
.plus-admin-panel .plus-admin-panel-drawer {
  position: absolute;
  top: 20%;
  right: 152px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #4b5cc4;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-panel .plus-admin-panel-drawer:hover {
  background: #fff;
  color: #4b5cc4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.plus-admin-panel .plus-admin-panel-drawer i {
  font-size: 18px;
}
.plus-admin-panel .plus-admin-panel-drawer.fold {
  background: #4b5cc4;
  color: #fff;
}
.plus-admin-panel .layui-collapse {
  border-radius: 4px;
}
.plus-admin-panel .layui-collapse .panel-item {
  font-size: 12px;
  background-color: white;
}
.plus-admin-panel .layui-collapse .panel-item .panel-item-title {
  font-size: 13px;
  font-weight: bold;
  color: #57606f;
  margin: 0 10px;
}
.plus-admin-panel .layui-collapse .item-color {
  font-size: 12px;
  background-color: #eee;
  padding: 5px;
  border-radius: 4px;
  margin: 2px;
}
.plus-admin-panel .layui-collapse .layui-colla-title {
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  cursor: pointer;
  font-size: 15px;
  overflow: hidden;
  border-bottom: 1px dashed #ddd;
}
.plus-admin-panel .layui-collapse .layui-colla-title > i:first-child {
  position: absolute;
  left: 20px;
  font-size: 14px;
}
.plus-admin-panel .layui-collapse .layui-colla-title > i:last-child {
  left: initial;
  right: 25px;
  font-size: 12px;
}
.plus-admin-panel .layui-collapse .layui-colla-content ol li {
  list-style-type: decimal;
  margin-left: 16px;
  line-height: 2;
}
.plus-admin-panel .layui-collapse .layui-colla-content ul li {
  list-style-type: disc;
  margin-left: 16px;
  line-height: 2;
}
.plus-admin-panel.fold {
  right: -160px;
}

/* 版权 */
.plus-admin-copyright {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background: #fff;
}

.has-copyright .plus-admin-body {
  bottom: 0;
}
.has-copyright .plus-admin-submenu {
  bottom: 0;
}
.has-copyright .plus-admin-panel {
  bottom: 0;
}
.has-copyright .plus-admin-copyright {
  display: none;
}

.layui-tab-brief > .layui-tab-title .layui-this {
  color: #4b5cc4;
}

.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #4b5cc4;
}

/* 管理面包屑 */
.adminpageheader {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #2f3542;
  border-left: 4px solid #1e90ff;
  padding-left: 10px;
  line-height: 14px;
}
.adminpageheader .adminpagetitle {
  font-size: 12px;
}

.input-action {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-action .layui-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.input-action .layui-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-action button[class*=ghost-btn] {
  border: none;
}
.input-action .action-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/*滚动条*/
::-webkit-scrollbar-track-piece {
  cursor: pointer;
  background-color: #f5f5f5;
  border-left: 1px solid #d2d2d2;
}

::-webkit-scrollbar {
  width: 10px;
  height: 15px;
  cursor: pointer;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 8px;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

::-webkit-scrollbar-thumb:hover {
  border: 1px solid #636363;
  background-color: #758a99;
}